<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>首页</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
  <link rel='stylesheet' type="text/css" href='css/font-awesome.min.css'>
	<link rel="stylesheet" type="text/css" href="css/swiper.css">
  <link rel="stylesheet" type="text/css" href="css/animate.min.css">
	<link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body>
  <div class="header">
    <nav class="navbar navbar-default" role="navigation">
        <div class="container-fluid"> 
          <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse"
                data-target="#example-navbar-collapse">
              <span class="sr-only">切换导航</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">
              <img src="img/logo.png" alt="息息.AI生活.更简单">
            </a>
          </div>
          <div class="collapse navbar-collapse" id="example-navbar-collapse">
            <ul class="nav navbar-nav">
              <li class="a_active" ><a href="index.html">首页</a></li>
              <li><a href="#">关于我们</a></li>
              <li><a href="#">产品中心</a></li>
              <li><a href="#">新闻资讯</a></li>
              <li><a href="#">联系我们</a></li>
            </ul>
          </div>
        </div>
    </nav>
  </div>
  <div class="index_warp">
   <div class="swiper-container pageSwiper">
      <div class="swiper-wrapper">
          <div class="swiper-slide">
            <div class="xx_home">
              <h2 class="title ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0">人工智能时代希望能为你做点什么呢？</h2>
              <p id="offscreen-text" class="offscreen-text"></p>
              <p id="text" class="text"></p>
              <svg id="svg"></svg>
              <div class="output_int"><input type="text" class="input", id="input_vale1" /><i id="sendbtn1" class="swiper-button-next1 sendbtn fa fa-paper-plane fa-3x  shadow feiji"></i></div>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="barrage_box">
              <div class="xx_home xx_home_scend">
                <h2 class="title">人工智能时代希望能为你做点什么呢？</h2>
                <p id="offscreen-text" class="offscreen-text"></p>
                <p id="text" class="text"></p>
                <svg id="svg"></svg>
                <div class="output_int"><input type="text" class="input", id="input_vale2" placeholder="说点什么吧" /><i id="sendbtn2" class=" sendbtn fa fa-paper-plane fa-3x  shadow feiji"></i></div>
              </div>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="container about_list">
              <div class="row">
                <div class="about_con col-lg-6 col-md-6 col-sm-12 col-xs-12">
                  <div>
                    <h1 class="about_main">成都轻语科技有限公司</h1>
                    <p class="wow fadeInRight" data-wow-duration="1s" data-wow-delay="2s" >Chengdu Light Rain Technology Co., Ltd.</p>
                    <span class="con_span wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s" ></span>
                    <p class="con_index con_p about_01 wow fadeInRight" data-wow-duration="1s" data-wow-delay="1s" >息息人（人工智能助理），成立于2016年，是中国领先的新兴人工智能企业，从事认知计算，自然语言理解为核心的人工智能应用创新，提供人与设备，设备与设备之间的设备交互方案</p>
                    <p class="con_index about_02 wow fadeInRight" data-wow-duration="1s" data-wow-delay="1.5s" >自主研发aios与ai应用平台，将未来上线，为用户与开发者提供人工智能交互方案（包括不限于：智能家居、手机、客服、汽车）和ai开发者入口。整体促进人工智能应用落地，让生活更简单。</p>
                    <br/>
                  </div>
                </div>
                <div class="about_address col-lg-6 col-md-6 col-sm-12 col-xs-12">
                  <div class="address_pic">
                    <img src="img/guanyuwe.png">
                  </div>
                  <div class="address_sys">
                    <ul>
                      <li class="con_li_01 wow fadeInUp" data-wow-duration="1s" data-wow-delay="1s" >ADD： 成都市高新区天府软件园移动互联大厦G5栋303号</li>
                      <li class="con_li_02 wow fadeInUp" data-wow-duration="1s" data-wow-delay="1.5s" >MAIL： hello@xixi.ai</li>
                    </ul>
                    <div class="sys_img">
                      <img src="img/xixi_erweima.png " class="wow zoomIn" data-wow-duration="1s" data-wow-delay="2s" >
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="container banner_box_index">
              <div class="row">
                <div class="banner_con col-lg-12 col-md-12 col-sm-12 col-xs-12">
                  <div class="main">
                    <div class="swiper-container productSwiper">
                      <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img src="img/banner1.png">
                            <div class="banner_con_box row">
                              <div class="banner_left col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                <h3 class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s">最可用的语言处理系统</h3>
                                <span class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.2s"></span>
                                <p class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.4s">支持多领域，多场景，意图识别，可定制属于你的人工智能应用</p>
                              </div>
                              <div class="banner_right col-lg-6 col-md-6 col-sm-12 col-xs-12"></div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                          <img src="img/banner2.png">
                          <div class="banner_con_box row">
                            <div class="banner_left col-lg-6 col-md-6 col-sm-12 col-xs-12">
                              <h3 class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0s">人工智能应用平台</h3>
                              <span class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.2s"></span>
                              <p class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.4s">垂直对接，多维度使用，实现业务创新，创造更多丰富ai应用，把最优质服务呈现给客户</p>
                            </div>
                            <div class="banner_right col-lg-6 col-md-6 col-sm-12 col-xs-12"></div>
                          </div>
                        </div>
                        <div class="swiper-slide">
                          <img src="img/banner3.png">
                          <div class="banner_con_box row">
                            <div class="banner_left col-lg-6 col-md-6 col-sm-12 col-xs-12">
                              <h3 class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0s">构造精准的用户模型</h3>
                              <span class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.2s"></span>
                              <p class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.4s">大数据为入口，数据挖掘为中心，为创造用户价值为奠基石，实现跨平台，跨设备，多场景，灵活度高的用户模型推荐算法构建</p>
                            </div>
                            <div class="banner_right col-lg-6 col-md-6 col-sm-12 col-xs-12">
                              <div class="banner_img" >
                                <img src="img/phone.png" class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0s">
                              </div>
                            </div>
                          </div>
                        </div>
                        <div class="swiper-slide">
                          <img src="img/banner4.png">
                          <div class="banner_con_box row">
                            <div class="banner_left col-lg-6 col-md-6 col-sm-12 col-xs-12">
                              <h3 class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0s">情感倾向分析</h3>
                              <span class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.2s"></span>
                              <p class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.4s">我们将全球范围内的，电商、团购、生活服务、信息评分等相关有用数据进行了标注分类处理，用深度学习系统训练出了情感分析模型。</p>
                            </div>
                            <div class="banner_right col-lg-6 col-md-6 col-sm-12 col-xs-12">
                              <div class="banner_tiyanqu">
                                <h3 class="text-center ani"  swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0s">体验区</h3>
                                <p class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0.1s">可输入一段话进行分析：</p>
                                <div class="text_main ani"  swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0.2s">
                                  <form action="">
                                    <div class="text_con">
                                      <textarea value="" class="text"></textarea>
                                      <div class="text_proposal">建议输入10-200个字</div>
                                    </div>
                                    <div class="text_btn">
                                      <button>确认</button>
                                    </div>
                                    
                                  </form>
                                </div>
                                <p class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0.3s">分析结果：</p>
                                <div class="banner_state ani"  swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0.4s"">
                                  <h5>倾向消极</h5>
                                  <div class="state_color">消极面</div>
                                   <span></span>
                                   <span></span>
                                   <span></span>
                                   <span></span>
                                   <span></span>
                                  <div class="state_color_green">消极面</div>
                                </div>      
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="swiper-pagination"></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="container news_list">
              <div class="row">
                <div class="new_item col-sm-6 col-md-4 ">
                  <div class="new_cont">
                    <div class="item_img">
                      <div class="img_box">
                        <img src="img/newpic_01.png">
                      </div>
                      <a class="bg_p" href="#">
                        <p class="new_01 wow slideInUp" data-wow-duration="1s" data-wow-delay="0s">人工智能下一个热点探讨，</br>为什么要提出互联网大脑模型</p>
                      </a>
                    </div>
                    <div class="item_img item_picimg">
                      <div class="img_bg">
                      </div>
                      <a href="news_xiangqing.html">
                        <p>在有些人眼里，只有长相和人一摸一样，智慧水平不输入18岁男女青年的机器才叫人工智能；可在另一些人看来，计算机能做许多人类做不到的事，比如一秒钟完成数百亿次运算，人类再聪明也无法在计算速度上与机器人相比，为什么就不能将远超人类的计算机称为人工智能呢
                        </p>
                      </a>
                    </div>
                  </div>
                </div>
                <div class="new_item col-sm-6 col-md-4">
                  <div class="new_cont">
                    <div class="item_img">
                      <div class="img_box">
                        <img src="img/newpic_02.png">
                      </div>
                      <a class="bg_p" href="#">
                        <p class="new_01 wow slideInUp" data-wow-duration="1s" data-wow-delay="0s">人工智能下一个热点探讨，</br>为什么要提出互联网大脑模型</p>
                      </a>
                    </div>
                    <div class="item_img item_picimg">
                      <div class="img_bg">
                      </div>
                      <a href="news_xiangqing.html">
                        <p>在有些人眼里，只有长相和人一摸一样，智慧水平不输入18岁男女青年的机器才叫人工智能；可在另一些人看来，计算机能做许多人类做不到的事，比如一秒钟完成数百亿次运算，人类再聪明也无法在计算速度上与机器人相比，为什么就不能将远超人类的计算机称为人工智能呢
                        </p>
                      </a>
                    </div>
                  </div>
                </div>
                <div class="new_item col-sm-6 col-md-4">
                  <div class="new_cont">
                    <div class="item_img">
                      <div class="img_box">
                        <img src="img/newpic_03.png">
                      </div>
                      <a class="bg_p" href="#">
                        <p class="new_01 wow slideInUp" data-wow-duration="1s" data-wow-delay="0s">人工智能助力将成为下个科技领域热点</p>
                      </a>
                    </div>
                    <div class="item_img item_picimg">
                      <div class="img_bg">
                      </div>
                      <a href="news_xiangqing.html">
                        <p>在有些人眼里，只有长相和人一摸一样，智慧水平不输入18岁男女青年的机器才叫人工智能；可在另一些人看来，计算机能做许多人类做不到的事，比如一秒钟完成数百亿次运算，人类再聪明也无法在计算速度上与机器人相比，为什么就不能将远超人类的计算机称为人工智能呢
                        </p>
                      </a>
                    </div>
                  </div>
                </div>
                <div class="new_item col-sm-6 col-md-4 ">
                  <div class="new_cont">
                    <div class="item_img">
                      <div class="img_box">
                        <img src="img/newpic_04.png">
                      </div>
                      <a class="bg_p" href="#">
                        <p class="new_01 wow slideInUp" data-wow-duration="1s" data-wow-delay="0s">高校蹭热点开设人工智能专业</br>到底靠不靠谱？</p>
                      </a>
                    </div>
                    <div class="item_img item_picimg">
                      <div class="img_bg">
                      </div>
                      <a href="news_xiangqing.html">
                        <p>在有些人眼里，只有长相和人一摸一样，智慧水平不输入18岁男女青年的机器才叫人工智能；可在另一些人看来，计算机能做许多人类做不到的事，比如一秒钟完成数百亿次运算，人类再聪明也无法在计算速度上与机器人相比，为什么就不能将远超人类的计算机称为人工智能呢
                        </p>
                      </a>
                    </div>
                  </div>
                </div>
                <div class="new_item col-sm-6 col-md-4">
                  <div class="new_cont">
                    <div class="item_img">
                      <div class="img_box">
                        <img src="img/newpic_05.png">
                      </div>
                      <a class="bg_p" href="#">
                        <p class="new_01 wow slideInUp" data-wow-duration="1s" data-wow-delay="0s">“人工智能+”引爆新投资热点</p>
                      </a>
                    </div>
                    <div class="item_img item_picimg">
                      <div class="img_bg">
                      </div>
                      <a href="news_xiangqing.html">
                        <p>在有些人眼里，只有长相和人一摸一样，智慧水平不输入18岁男女青年的机器才叫人工智能；可在另一些人看来，计算机能做许多人类做不到的事，比如一秒钟完成数百亿次运算，人类再聪明也无法在计算速度上与机器人相比，为什么就不能将远超人类的计算机称为人工智能呢
                        </p>
                      </a>
                    </div>
                  </div>
                </div>
                <div class="new_item col-sm-6 col-md-4">
                  <div class="new_cont">
                    <div class="item_img">
                      <div class="img_box">
                        <img src="img/newpic_06.png">
                      </div>
                      <a class="bg_p" href="#">
                        <p class="new_01 wow slideInUp" data-wow-duration="1s" data-wow-delay="0s">到底什么是人工智能？</p>
                      </a>
                    </div>
                    <div class="item_img item_picimg">
                      <div class="img_bg">
                      </div>
                      <a href="news_xiangqing.html">
                        <p>在有些人眼里，只有长相和人一摸一样，智慧水平不输入18岁男女青年的机器才叫人工智能；可在另一些人看来，计算机能做许多人类做不到的事，比如一秒钟完成数百亿次运算，人类再聪明也无法在计算速度上与机器人相比，为什么就不能将远超人类的计算机称为人工智能呢
                        </p>
                      </a>
                    </div>
                  </div>
                </div>
              </div>  
            </div>
            <div class="new_more">
              <a href="#" class="active">息息特训</a>
              <a href="#">新闻资讯</a>
              <a href="#">最新公告</a>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="container tells_list">
              <div class="row">
                <div class="tells_cn col-lg-6 col-md-6 col-sm-6 col-xs-12 fl">
                  <div class="tells_con tell_con_01">
                    <h5>办公网址</h5>
                    <ul>
                      <li>成都市高新区天府软件园G区G5栋303号</li>
                    </ul>
                  </div>
                  <div class="tells_con tell_con_02">
                    <h5>联系电话</h5>
                    <ul>
                      <li>4009965506</li>
                    </ul>
                  </div>
                  <div class="tells_con tell_con_03">
                    <h5>电子邮箱</h5>
                    <ul>
                      <li>商务合作： business@xixi.ai</li>
                      <li>加入我们： job@xixi.ai</li>
                      <li>投资意向： hell@xixi.ai</li>
                    </ul>
                  </div>
                </div>
                <div class="tells_put col-lg-6 col-md-6 col-sm-6 col-xs-12 fl">
                  <div class="put_con">
                    <h5 class="tell_con_04">联系我们</h5>
                    <form action="">
                      <input type="text" placeholder="姓名（必填）" class="wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s"><br/>
                      <input type="text" placeholder="邮箱（必填）" class="wow fadeInRight" data-wow-duration="1s" data-wow-delay="1s"><br/>
                      <textarea placeholder="信息" class="ipt_message wow fadeInRight" data-wow-duration="1s" data-wow-delay="1.5s"></textarea>
                      <input type="submit" value="提交" class="ipt_sub wow fadeInRight" data-wow-duration="1s" data-wow-delay="2s">
                    </form>
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="index_foot">
                  <div class="container index_foot_box">
                    <div class="row">
                      <div class="index_line col-lg-12 col-md-12 col-sm-12 col-xs-12"></div>
                    </div>
                    <div class="index_box_main">
                      <div class="row">
                        <a href="#" class="fl index_foot_a col-lg-2 col-md-4 col-sm-4 col-xs-12">
                          <img src="img/foot_logo.png" alt="息息.AI生活.更简单">
                        </a>
                        <div class="index_foot_cen fl col-lg-7 col-md-4 col-sm-4 col-xs-12">
                          <p>@2016-2018 成都轻语科技有限公司<span></span>Made in chengde</p>
                          <p>蜀ICP备 17039669号-1</p>
                        </div>
                        <div class="index_foot_more fr col-lg-3 col-md-4 col-sm-4 col-xs-12">
                          <div class="bg fr"><span class="in"></span></div>
                          <div class="bg fr"><span class="weibo"></span></div>
                          <div class="bg fr">
                            <span class="weixin"></span>
                            <div class="saoyisao">
                              <img src="img/saoyisao.png">
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
      </div>
      <div class="swiper-pagination"></div>
  </div>
  <div class="index_alert">
    <div class="index_msg">
      <botton class="glyphicon glyphicon-remove close_btn"></botton>
      <p>亲，你输入信息不能为空哟</p>
    </div>
  </div>

<!-- <button onclick="run_example()">弹弹</button> -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script type="text/javascript" src="js/swiper.animate1.0.2.min.js"></script>
<script type="text/javascript" src="js/wow.min.js"></script>
<script type="text/javascript" src="js/CSSPlugin.min.js"></script>
<script type="text/javascript" src="js/EasePack.min.js"></script>
<script type="text/javascript" src="js/TweenLite.min.js"></script>
<script type="text/javascript" src="js/jquery.barrager.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">
  //wow插件引入文件
    // var wow = new WOW({
    //       boxClass: 'wow',
    //       animateClass: 'animated',
    //       offset: 0,
    //       mobile: true,
    //       live: true
    // })
    // wow.init();
</script>
</body>
</html>